/* 头部部分开始 */

.toububufen{
    background: url(./images/toububeijing.jpg) no-repeat;
    height: 384.33px;
    width: 100%;
}

/* 头部上方 */

.toubushangfang{
    height: 150px;
    display: flex;
}
.toubutubiao{
    height: 90.3px;
    width: 378.39px;
    margin-top: 20px;
    margin-left: 74px;
}
.toubutubiao:hover{
    cursor: pointer;
}
.wenzishang{
    height: 27px;
    width: 378px;
    margin-left: 1000px;
    margin-top: 20px;
}
.wenzishang:hover{
    cursor: pointer;
}
.wenzishang > span{
    color: white;
    font-size: 14px;
    margin: 0 11px;
}
.fangdajing{
    height: 23px;
    width: 23px;
}
.wenzixia{
    height: 21px;
    width: 1232px;
    margin-left: 120px;
    margin-top: 40px;
}
.wenzixia:hover{
    cursor: pointer;
}
.wenzixia > span {
    font-size: 16px;
    color: white;
    margin: 0 16px;
}

/* 头部下方 */

.toubuxiafang{
    background: url(./images/toubutupian.jpg) no-repeat;
    background-size: contain;
    height: 700px;
    width: 1749px;
    margin: 0 74px;
    display: flex;
    align-items: end;
}
.toubuxiafang:hover{
    cursor: pointer;
}
.qiu{
    height: 28px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qiu > span{
    display: inline-block;
    height: 13px;
    width: 13px;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0 3px 20px 0;
}

/* 头部部分结束 */

/* 中间部分开始 */

.zhongjianbufen{
    height: 581px;
    width: 100%;
    margin-top: 458px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.zhongjianneirong{
    height: 601px;
    width: 1240px;
    margin: 0 328px;
}

/* 中间部分标题 */

.zhongjianneirongbiaoti{
    height: 45px;
    width: 1240;
    display: flex;
    align-items: end;
    justify-content: center;
    margin-bottom: 27px;
}
.biaoti1{
    color: #333;
    font-size: 34px;
    font-weight: bold;
}
.biaoti1:hover{
    color: #c3122c;
    cursor: pointer;
}
.biaoti2{
    color: #333;
    font-size: 24px;
    font-weight: bold;
}
.biaoti2:hover{
    cursor: pointer;
}
.biaoti3{
    color: #999999;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    margin-right: 20px;
}
.biaoti3:hover{
    cursor: pointer;
}

/* 中间部分上部卡片 */

.midContent-cardUp{
    display: flex;
    justify-content: space-between;
}
.midContent-cardUp:hover{
    cursor: pointer;
}
.kapianshang{
    height: 213px;
    width: 588px;
    box-shadow: 0 0 10px #ccc;
}
.xianzhi1{
    height: 213px;
    width: 284px;
    overflow: hidden;
}
.kapiantupian{
    height: 213px;
    width: 284px;
}
.midContent-cardUp :hover .kapiantupian{
    cursor: pointer;
    transform: scale(1.1);
    transition: all 0.4s linear;
}
.kapianshang{
    display: flex;
}
.kapianwenzi{
    padding: 15px 24px 48px 19px;
}
.kapianshangtouwenzi{
    height: 52px;
    width: 261px;
    font-size: 16px;
}
.kapianshangshijian{
    height: 18px;
    width: 261px;
    margin-top: 10px;
    display: flex;
    align-items: end;
}
.shizhong{
    margin-right: 10px;
}
.kapianshangweiwenzi{
    height: 40px;
    width: 261px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top: 20px;
}

/* 中间部分下部卡片 */

.zhongjianneirongkapianxia{
    display: flex;
    justify-content: space-between;
}
.kapianxia{
    height: 140px;
    width: 337px;
    box-shadow: 0 0 10px #ccc;
    margin: 20px 0px 0px 0px;
    padding: 30px 30px 30px 21px;
}
.kapianxianeirong{
    height: 134px;
    width: 337px;
}
.kapianxia :hover{
    cursor: pointer;
}
.kapianxiatouwenzi{
    height: 22px;
    width: 337px;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.kapianxiashijian{
    height: 18px;
    width: 337px;
    margin-top: 40px;
}
.kapianxiaweiwenzi{
    height: 44px;
    width: 337px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top: 20px;
}

/* 中间部分更多 */

.zhongjianbufengengduo{
    height: 96px;
    width: 1240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gengduoneirong{
    height: 36px;
    width: 147px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #c3122c;
}
.gengduoneirong:hover{
    cursor: pointer;
}
.gengduoneirong > span{
    font-size: 18px;
    margin-left: 10px;
    color: #c3122c;
}
.youjiantou{
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

/* 中间部分结束 */

/* 中间图片开始 */

.zhongjianbufentupian{
    height: 124px;
    display: flex;
    justify-content: center;
}
.zhongjianbufentupian > img{
    margin-left: 20px;
}
.zhongjianbufentupian > img:hover{
    cursor: pointer;
}

/* 中间图片结束 */

/* 中间图片下部开始 */

.zhongjiantupianxiabu{
    height: 158px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.yuankuai{
    height: 158px;
    width: 171px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.yuankuai:hover{
    cursor: pointer;
}
.yuankuai > img{
    margin-bottom: 20px;
}
.yuankuai > div{
    font-size: 14px;
}

/* 中间图片下部结束 */

/* 部门招生部分开始 */

.bumenzhaoshengbufen{
    height: 396px;
    background: url(./images/bumenzhaosheng.png) no-repeat;
    display: flex;
    flex-direction: column;
    padding: 110px 0px 80px 0px;
}

/* 部门招生标题 */

.bumenzhaoshenbiaoti{
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: end;
    color: #f6b7c1;;
}
.biaotizheng{
    font-weight: bold;
}
.biaotizheng:hover{
    cursor: pointer;
    color: white;
}
.biaoti4{
    font-size: 34px;
}
.biaoti5{
    font-size: 24px;
}
.biaoti6{
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    margin-right: 20px;
}

/* 部分招生卡片 */

.bufenzhaoshengkapianbufen{
    display: flex;
    margin-top: 30px;
}
.bufenzhaoshengkapian{
    height: 245px;
    width: 603px;
    background-color: #fff;
    margin: 0 10px;
}
.bufenzhaoshengkapianneirong{
    height: 165px;
    width: 560px;
    margin: 40px 24px 40px 19px;
    display: flex;
    justify-content: space-between;
}
.xianzhi2{
    height: 165px;
    width: 220px;
    overflow: hidden;
}
.bufenzhaoshengtupian{
    height: 165px;
    width: 220px;
}
.bufenzhaoshengkapianbufen :hover {
    cursor: pointer;
    background-color: rgb(204, 204, 50);
}
.bufenzhaoshengkapian :hover .bufenzhaoshengtupian{
    transform: scale(1.1);
    transition: all 0.4s linear;
}
.bufenzhaoshengkapian :hover .bufenzhaoshengkapianwenzi{
    color: white;
}
.bufenzhaoshengkapianwenzi{
    width: 165px;
    width: 323px;
}
.bufenzhaoshengkapianwenzitou{
    height: 20px;
    width: 323px;
}
.zhaoshengkapianshijian{
    margin-top: 20px;
    display: flex;
    align-items: flex-end;
}
.zhaoshengkapianshijian > img{
    margin-right: 20px;
}
.bufenzhaoshengkapianwenziwei{
    height: 65px;
    width: 323px;
    color: #808080;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    margin-top: 20px;
}

/* 部分招生图标 */
.bufenzhaoshengtubiao{
    margin-top: 60px;
    height: 29px;
    display: flex;
    justify-content: center;
}
.bufenzhaoshengtubiao > img{
    margin: 0 5px;
}

/* 部门招生部分结束 */

/* 专题专栏部分开始 */

.zhuantizhuanlanbufen{
    height: 435px;
    margin-top: 50px;
}

/* 专题专栏标题 */

.zhuantizhuanlanbufenbiaoti{
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.biaoti7{
    font-size: 34px;
    font-weight: bold;
    color: #c3122c;
}
.biaoti8{
    font-size: 24px;
    font-weight: bold;
}
.biaoti9{
    font-size: 20px;
    font-weight: bold;
    color: #999999;
    font-family: 'Times New Roman', Times, serif;
}

/* 专题专栏卡片 */

.zhuantizhuanlanbufenkapian{
    height: 340px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.ztzlkapianneirong{
    height: 360px;
    width: 1270px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ztzlkapianneirong > img {
    height: 170px;
    width: 394px;
    margin-bottom: 20px;
}
.ztzlkapianneirong :hover{
    cursor: pointer;
}

/* 专题专栏部分结束 */

/* 站点地图部分开始 */

.zhandianditubufen{
    height: 182px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 55px;
}

/* 站点标题 */

.zhandianbiaoti{
    height: 45px;
    width: 201px;
}

/* 站点横条 */

.zhandianhengtiao{
    height: 147px;
    width: 1240px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

/* 横条上 */

.hengtiaoshang{
    height: 40px;
    width: 1240px;
    display: flex;
    justify-content: space-between;
}
.hengtiaokuai {
    height: 40px;
    width: 238px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hengtiaokuai:hover{
    cursor: pointer;
}
.hengtiaokuai > span{
    font-size: 16px;
    margin-left: 15px;
}
.hengtiaokuai > img {
    margin-right: 10px;
}

/* 横条下 */
.hengtiaoxia{
    margin-top: 15px;
    height: 52px;
    width: 1240px;
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
}
.hengtiaoxia:hover{
    cursor: pointer;
}
.hengtiaoxia > img{
    margin-left: 30px;
    margin-right: 10px;
}
.hengtiaoxia > span{
    margin-right: 100px;
}

/* 站点地图DOM */
.hengtiaoxia{
    display: none;
}
.selected {
    display: block;
}

.active {
    background-color: #c3122c;
    color: white;
}
/* 站点地图部分结束 */

/* 动画部分开始 */

.donghuabufen{
    height: 297px;
    background: url(./images/donghuabeijing.png) no-repeat;
}
.donghuaneirong{
    height: 148px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.donghuakuai{
    height: 148px;
    width: 176px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.donghuakuai:hover{
    cursor: pointer;
}
.donghuakuai > span{
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    color: white;
}

/* 动画！！！ */

.aniIn {
    animation: Test 0.6s ease-in-out 0s forwards;
  }
  
  @keyframes Test {
    /* from等价于0%,to等价于100% */
    to {
      transform: rotate(180deg);
    }
  }
  
  .aniOut {
    animation: Test2 0.6s ease-in-out 0s forwards;
  }
  
  @keyframes Test2 {
    /* from等价于0%,to等价于100% */
    from {
      transform: rotate(180deg);
    }
    to {
      transform: rotate(0deg);
    }
  }

/* 动画！！！ */

/* 动画部分结束 */

/* 尾部部分开始 */

.weibu{
    height: 329px;
    background: url(./images/weibubeijing.png);
    padding: 32px 0px 26px 0px;
}
.weibushangbuwenzi{
    height: 62px;
    display: flex;
    justify-content: center;
}
.shangzuowenzi{
    height: 62px;
    width: 180px;
    font-size: 24px;
    font-weight: bold;
    color: white;
}
.shangyouwenzi{
    height: 62px;
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
}
.xiaokuai{
    height: 31px;
    width: 212px;
    color: white;
    display: flex;
    align-items: center;
}
.xiaokuai:hover{
    cursor: pointer;
}
.xiaokuai > span{
    margin-left: 20px;
}

/* 尾部下部 */

.weibuxiabu{
    height: 238px;
    margin-top: 34px;
    display: flex;
    justify-content: center;
}

/* 左侧图标 */

.weibutubiao{
    height: 65px;
    width: 328px;
    margin-top: 68px;
}

/* 中间地址 */

.weibudizhi{
    height: 170px;
    width: 490px;
    margin: 34px 34px 0 34px;
    color: white;
}
.weibudizhi > div{
    height: 19px;
    margin-bottom: 20px;
    display: flex;
    align-self: start;
}

/* 右侧二维码 */

.erweima{
    height: 122px;
    width: 365px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.erweima > div{
    height: 122px;
    width: 95px;
    font-size: 14px;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ma{
    height: 95px;
    width: 95px;
}
.erweima > div > span{
    margin-top: 10px;
}
/* 尾部部分结束 */